.featured-slider-container {
	position: relative;
	width: 100%;
	height: 1px;
	padding-bottom: 46.875%;
	background-color: #fff;
	overflow: hidden;
	.featured-pagination {
		position: absolute;
		bottom: 40px;
		left: 10px;
		right: 10px;
	    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;			   /* NEW, Spec - Opera 12.1, Firefox 20+ */
	    -webkit-justify-content: space-around;
		justify-content: space-around;
		z-index: 999;
		&:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			width: 100%;
			height: 1px;
			background-color: rgba(255,255,255,0.4);
		}
		.swiper-pagination-bullet {
			-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;         /* OLD - Firefox 19- */
			-webkit-flex: 1;          /* Chrome */
			-ms-flex: 1;              /* IE 10 */
			flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
			color: rgba(255,255,255,0.5);
			text-align: center;
			border-radius: 0;
			height: 2px;
			background: transparent;
			&.swiper-pagination-bullet-active {
				background: #fff;
			}
		}
	}
}

.full-slider {
	position: absolute;
	top: 0;
	left: 0;
	.item-view {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%);
		background-image: -o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%);
		background-image: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%);
	}
	.item-title {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		font-size: 16px;
		font-weight: normal;
		color: #fff;
		line-height: 1.3;
		margin: 0;
		padding: 0;
		@include oneline;
	}
}


.gallery-slider-wrap {
	width: 100%;
	padding-bottom: 15px;
	overflow: hidden;
}
.gallery-slider {
	white-space: nowrap;
	@include clearfix;
	.gallery-item {
		width: 100px;
		color: #333;
	}
	.gallery-title {
		font-size: 14px;
		margin: 5px 0 0 0;
		text-align: center;
		color: #333;
		@include oneline;
	}
	.gallery-thumbs {
		position: relative;
		display: block;
		width: 100px;
		height: 100px;
		@include clearfix;
		.gallery-row {
			@include clearfix;
		}
		.photo-2-1 {
			width: 100%;
			height: 50%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			.photo-1-1 {
				width: 50%;
				height: 100%;
				float: left;
			}
		}
		.photo-1-1 {
			width: 100%;
			height: 50%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.photo-1-2 {
			float: left;
			width: 50%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
}